* {
  margin: 0;
  padding: 0;
}
html,
body,
#app {
  width: 100%;
  height: 100%;
}

i {
  font-style: normal;
  font-size: 16px;
}

.app-main {
  height: calc(100vh - 128px) !important;
  background: #f0f2f5;
}
li {
  list-style: none;
}

li,
ul {
  padding: 0;
  margin: 0;
}

/* 设置滚动条背景 */
::-webkit-scrollbar {
  width: 8px; /* 设置滚动条的宽度 */
  height: 8px; /* 设置水平滚动条的高度 */
}

/* 设置滚动条的轨道（背景） */
::-webkit-scrollbar-track {
  background: transparent; /* 背景透明 */
}

/* 设置滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1); /* 滑块颜色，可以设置为透明或半透明 */
  border-radius: 4px; /* 设置滑块圆角 */
}

/* 鼠标悬停时的滚动条滑块 */
::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15); /* 鼠标悬停时的颜色 */
}

/* form组件宽度 */
.demo-form-inline .el-input {
  --el-input-width: 220px;
}
.demo-form-inline .el-select {
  --el-select-width: 220px;
}
